React Context
React | jsは子供にしか値を渡せないが、子孫に直接値を渡すため(provider配下の contextインスタンスから読み取れる) のもの。 管理は自分でやる。その点で、Reduxと用途が分岐する(と思う) あとは、レンダリングの調整? Reactは再レンダリングするかどうかを常に気にする必要がある(はず)
valueという属性?でpropsみたいに渡す、なので、ひとまとめにして渡す。
Contextは、propsとは別の方法でコンポーネントに動的に値を渡す、React純正のAPIです
最低限必要なのは以下の3種類。
React.createContext関数
Provider
Consumer
createContextを作っておいて、その できた <Context.Provider>を作っておいて、<Context.Consumer>の中で受け取る
これはコンポーネントのプロパティとしてcontextTypeを生やし、そこにコンテキストオブジェクトを突っ込むというものです。
そうすると、そのコンポーネント内ではコンテキストの値を this.context で取得することができます。
簡単
const resourceName = React.useContext(ResourceContext)